var imageConfig = {
    param:{
        // 选完文件后，是否自动上传。
        auto: false,

        // swf文件路径
        swf: 'http://cdn.staticfile.org/webuploader/0.1.0/Uploader.swf',

        // 文件接收服务端。
        server: '/',

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#filePicker',

        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    },
    event:{
        //当文件加入到队列
        fileQueued:function () {

        },
        //进度
        uploadProgress:function () {

        },
        //当文件上传成功
        uploadSuccess:function () {

        },
        //当文件出现错误
        uploadError:function () {

        },
        //d当文件完全上传
        uploadComplete:function () {

        }
    }
};

var uploadImage = function (config) {
    var uploadObj = WebUploader.create($.extend(true,{},imageConfig,config.param));
    uploadObj.on( 'fileQueued', function( file ) {
        config.event.fileQueued(file,uploadObj);
    });
    // 文件上传过程中创建进度条实时显示。
    uploadObj.on( 'uploadProgress', function( file, percentage ) {
        config.event.uploadProgress(file,percentage);
    });

    // 文件上传成功，给item添加成功class, 用样式标记上传成功。
    uploadObj.on( 'uploadSuccess', function( file ) {
        config.event.uploadProgress(file);
    });

    // 文件上传失败，显示上传出错。
    uploadObj.on( 'uploadError', function( file ) {
        config.event.uploadError(file);
    });

    // 完成上传完了，成功或者失败，先删除进度条。
    uploadObj.on( 'uploadComplete', function( file ) {
        config.event.uploadComplete(file);
    });
    return uploadObj;
};
// //上传按钮
// var one  = uploadImage({
//     param:{
//         // 选完文件后，是否自动上传。
//         auto: false,
//
//         // swf文件路径
//         //swf: BASE_URL + '/js/Uploader.swf',
//
//         // 文件接收服务端。
//         server: 'http://webuploader.duapp.com/server/fileupload.php',
//
//         // 选择文件的按钮。可选。
//         // 内部根据当前运行是创建，可能是input元素，也可能是flash.
//         pick: '#filePicker',
//
//         // 只允许选择图片文件。
//         accept: {
//             title: 'Images',
//             extensions: 'gif,jpg,jpeg,bmp,png',
//             mimeTypes: 'image/*'
//         }
//     },
//     event: {
//         fileQueued: function (file,uploadObj) {
//             var $li = $(
//                     '<div id="' + file.id + '" class="file-item thumbnail">' +
//                     '<img>' +
//                     '<div class="info">' + file.name + '</div>' +
//                     '</div>'
//                 ),
//                 $img = $li.find('img');
//
//             // $list为容器jQuery实例
//             $('#fileList').append($li);
//
//             // 创建缩略图
//             // 如果为非图片文件，可以不用调用此方法。
//             var thumbnailWidth = thumbnailHeight = 500;
//             uploadObj.makeThumb(file, function (error, src) {
//                 if (error) {
//                     $img.replaceWith('<span>不能预览</span>');
//                     return;
//                 }
//
//                 $img.attr('src', src);
//                 console.log($img);
//             }, thumbnailWidth, thumbnailHeight);
//         },
//         uploadProgress : function( file, percentage ) {
//             var $li = $( '#'+file.id ),
//                 $percent = $li.find('.progress span');
//
//             // 避免重复创建
//             if ( !$percent.length ) {
//                 $percent = $('<p class="progress"><span></span></p>')
//                     .appendTo( $li )
//                     .find('span');
//             }
//             $percent.css( 'width', percentage * 100 + '%' );
//         },
//
//         // 文件上传成功，给item添加成功class, 用样式标记上传成功。
//         uploadSuccess :function( file ) {
//             $( '#'+file.id ).addClass('upload-state-done');
//         },
//
//         // 文件上传失败，显示上传出错。
//         uploadError:function( file ) {
//             var $li = $( '#'+file.id ),
//                 $error = $li.find('div.error');
//
//             // 避免重复创建
//             if ( !$error.length ) {
//                 $error = $('<div class="error"></div>').appendTo( $li );
//             }
//
//             $error.text('上传失败');
//         },
//
//         // 完成上传完了，成功或者失败，先删除进度条。
//         uploadComplete : function( file ) {
//             $( '#'+file.id ).find('.progress').remove();
//         }
//     }
// });
//
// $('.upload').on('click', function() {
//     if ( $(this).hasClass( 'disabled' ) ) {
//         return false;
//     }
//     if ( state === 'ready' ) {
//         one.upload();
//     } else if ( state === 'paused' ) {
//         one.upload();
//     } else if ( state === 'uploading' ) {
//         one.stop();
//     }
// });